<!-- 绑定手机 -->
<template>
  <div class="phone">
    <van-nav-bar fixed title="绑定手机" safe-area-inset-top>
      <template #left>
        <img
          style="width: 30px; margin-right: 10px"
          src="../../assets/images/返回2.png"
          @click="() => $router.go(-1)"
          alt=""
        />
        <img
          style="width: 30px"
          @click="() => $router.push({ path: '/' })"
          src="../../assets/images/返回首页.png"
          alt=""
        />
      </template>
    </van-nav-bar>
    <!--  -->
    <div class="totip">
      <span>＊</span>
      <span>一个手机号只能绑定一个账号</span>
    </div>
    <van-cell-group>
      <van-cell title="手机号" value="135****5555" />
    </van-cell-group>
    <div class="btn">
      <van-button color="rgb(92,155,246)" style="width: 50%; border-radius: 15px;font-size:0.45rem;" type="info"
        >更换手机号</van-button
      >
    </div>
  </div>
</template>

<script>
export default {
  name: "",
  data() {
    return {};
  },
  methods: {},
  computed: {},
  watch: {},
  created() {},
  mounted() {},
};
</script>

<style lang="scss" scoped>
.phone {
  width: 100%;
  padding-top: 92px;
  .totip {
    padding: 20px 30px;
    font-size: 30px;
    color: #ccc;
    display: flex;
    > :first-child {
      font-size: 40px;
      color: red;
      margin-right: 10px;
    }
  }
  .btn {
    width: 100%;
    text-align: center;
    position: fixed;
    bottom: 10%;
  }
}
</style>